<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <title>事件委托_引入.html</title>
</head>

<body>

    <ul>
        <li>11111</li>
        <li>1111111</li>
        <li>111111111</li>
        <li>11111111111</li>
    </ul>

    <li>22222</li>
    <br>
    <button id="btn">添加新的li</button>
    <br>

    <!--
绑定事件监听的问题: 新加的元素没有监听
-->

    <script>
        //    需求：
        //    1. 点击 li 背景就会变为红色
        //    2. 点击 btn1 就添加一个 li
    </script>
</body>

</html>